<template>
  <div class="ka">
    <ul>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
        <li>ka2</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  activated() {
      console.log('ka2 activated');
  },
  deactivated() {
      console.log('ka2 deactivated');
  },
  components: {},
  created() {
      console.log('ka2 created');
  },
  mounted() {
      console.log('ka2 mounted');
  },
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>

</style>
